<template>
    <div>
        <div v-if="arr.length < 1">
            <span v-for="(item, index) in list" :key="index">{{ index + 1 }}: {{ item }}</span>
        </div>
        <div v-else>
            <span v-for="(item, index) in arr" :key="index">{{ index + 1 }}.{{ item.res }}</span>
        </div>
    </div>
</template>

<script>
export default {
    props: ['arr'],
    data() {
        return {
            list: ["未完成", "未完成", "未完成", "未完成", "未完成"],
        };
    },
};
</script>
